.appointment .search-input-group {
  margin-bottom: 10px; }

.appointment .button-arrows {
  margin: 40px 0; }
  .appointment .button-arrows .button-arrows-left {
    border: 1px solid #58c676 !important;
    color: #58c676;
    background-color: #ffffff; }
  .appointment .button-arrows .button-arrows-right {
    border: 1px solid #58c676 !important;
    color: #ffffff;
    background-color: #58c676; }

.appointment .caret {
  width: 0;
  height: 0;
  border: 9px solid transparent;
  border-right: 9px solid #fff;
  position: relative;
  left: -20px;
  top: 530px; }

.appointment .radio-inline {
  margin-top: 20px;
  color: #3c4040; }
  .appointment .radio-inline:first-child {
    margin-right: 100px; }

.appointment .caret-up {
  width: 0;
  height: 0;
  border-width: 0 10px 10px;
  border-style: solid;
  border-color: transparent transparent #E4EDF5;
  position: absolute;
  left: 65%;
  margin-top: 10px; }

.appointment .server-info {
  margin-top: 20px;
  border: 2px solid #E4EDF5;
  border-radius: 5px;
  padding: 5px 10px; }
  .appointment .server-info .name, .appointment .server-info .tel {
    font-size: 18px;
    color: #58c676; }

@media screen and (max-width: 997px) {
  .appointment .caret {
    top: 530px; } }

.appointment > .row {
  padding: 0; }
  .appointment > .row > .col {
    padding: 22px 0;
    color: #3c4040; }

.appointment > .grey-line {
  background-color: #f9f9f9 !important; }

.appointment .btn-link, .appointment .btn-link:hover {
  color: #acb0ab;
  text-decoration: none; }

.appointment .btn-link.disabled, .appointment .btn-link.disabled:hover {
  color: #eef0f1;
  text-decoration: none; }
